import { Box, HStack, Image, Text, Heading } from "@chakra-ui/react";
import Head from "next/head";
import { MdMovie } from "react-icons/md";

export default function Movie () {
  return (
    <Box maxW="1200px" mx="auto" mt="20px">
      <HStack fontSize="24px">
        <MdMovie />
        <Heading as="h3" fontSize="24px">电影</Heading>
      </HStack>
      <HStack mt="20px" spacing="3">
        <Box w="290px">
          <Image src="/images/item_1.jpg"></Image>
          <Text mt="10px">Ultraman has been a pop culture icon for over 50 years and this September, Marvel Comics will proudly contribute to the fra</Text>
        </Box>
        <Box w="290px">
          <Image src="/images/item_1.jpg"></Image>
          <Text mt="10px">Ultraman has been a pop culture icon for over 50 years and this September, Marvel Comics will proudly contribute to the fra</Text>
        </Box>
        <Box w="290px">
          <Image src="/images/item_1.jpg"></Image>
          <Text mt="10px">Ultraman has been a pop culture icon for over 50 years and this September, Marvel Comics will proudly contribute to the fra</Text>
        </Box>
      </HStack>
    </Box>
  )
}